<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My sephora</title>
    <link rel="stylesheet" href="./css/detailGoods.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./iconfont2/iconfont.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-list w">
            <!-- 左边 -->
            <div class="header-left">
                <span>欢迎来到丝芙兰</span>
                <span>请登录</span>
                <span>免费注册</span>
                <span>手机验证码登录</span>
            </div>
            <!-- 中间 -->
            <span class="header-middle">丝芙兰防诈骗公告</span>
            <!-- 右边 -->
            <div class="header-right">
                <span class="header-magin">
                    <img src="./images/i.png" alt="" class="header-magin">
                    <span>我的丝芙兰</span>
                    <i class="iconfont">&#xe6ec;</i>
                </span>
                <div class="header-magin">
                    <img src="./images/v.png" alt="">
                    <span>会员俱乐部</span>
                </div>
                <div class="header-magin">
                    <i class="iconfont">&#xe62f;</i>手机丝芙兰
                </div>
                <div class="header-magin">帮助中心</div>
                <div class="header-magin">品牌合作</div>
            </div>
        </div>
    </div>
    <!-- header结束 -->
    <!-- logo开始 -->
    <div class="sephora">
        <div class="logo w">
            <a href="http://localhost:3000/1.index.html">
                <img src="./images/logo.png" alt="">
            </a>
            <div class="logo-center">
                <!-- input输入框 -->
                <input type="text" placeholder="肌智精华方案" id="txt"><button>搜索</button>
                <ul class="myList"></ul>
                <div class="logo-search">
                    <span>金秋热卖狂欢</span>
                    <span>换季护肤合集</span>
                    <span>轻熟肌抗氧精华</span>
                    <span>初秋气质裸棕妆</span>
                    <span>必买小众香氛</span>
                    <span>丝芙兰大牌周</span>
                </div>
            </div>
            
            <div class="logo-right">
                <i class="iconfont">&#xe69d;</i>
                <span>购物袋</span>
                <span class="red">0</span>
                <span>件</span>
            </div>
        </div>
    </div>

    <div class="all w">
        <div class="banner-all">全部商品类目</div>
        <div class="banner-top">
                    <a href="">畅销榜单</a>
                    <a href="">独家发售</a>
                    <a href="">礼物套装</a>
                    <a href="">全部品牌</a>
                    <a href="">预约中心</a>
        </div>
        <a href="./images/zhengpin.png"></a>
    </div>
    <!-- logo结束 -->
    <!-- 首页>护肤>面部护理>化妆水 -->
    <div class="indexList w">
        <a href="">首页</a>
        <span>></span>
        <a href="">护肤</a>
        <span>></span>
        <a href="">面部护理</a>
        <span>></span>
        <a href="">化妆水</a>
        <span>></span>
        <a href="">兰蔻</a>
        <span>></span>
        <a href="">兰蔻新清滢柔肤水（粉水)</a>
    </div>
    <!-- 结束 -->




    <!-- 放大镜这一块开始 -->
    <!-- 左边图 -->
    <div class="box w">
        <div class="sBox">
            <img src="" alt="">
            <!-- 遮罩层 -->
            <span class="mask"></span>
        </div>
        <!-- 放大的图 -->
        <div class="bBox">
            <img src="" alt="">
        </div>
        
        <!-- 下边切换的图 -->
        <ul class="list">
            <div class="btnLeft"><</div>
            <div class="floBox">
                <!-- <li class="ctive">
                    <img src="" alt="">
                </li> -->
            </div>
            <div class="btnRight">></div>
        </ul>
        <!-- 放大镜右边 -->
        <div class="rightBox">
            <div class=" ">
                <p class="title1">兰蔻新清滢柔肤水（粉水）</p>
                <p class="title2">3CE TONIQUE CONFORT</p>
                <!-- <p class="title3">提亮肤色，倍感柔滑舒适.</p> -->
            </div>
            <p class="p1">
                <span>价格</span>
                <span class="newPrice">￥435.00</span>
                <span class="oldPrice">原价:￥870.00</span>
                <span>新品</span>
            </p>
            <p  class="p2">
                <span>规格</span>
                <span class="detail"></span>
            </p>
            <div class="number">
                <span>1</span>
                <div class="i">
                    <i class="iconfont">&#xe6e7;</i>
                    <i class="iconfont">&#xe6e6;</i>
                </div>
                <span class="limit">(每人限购五件)</span>
            </div>
            <div class="aaa " id="gocart">
                <!-- <a href="./2.shopping-cart.html"> -->
                    <span>加入购物车</span>
                    <i class="iconfont">&#xe69d;</i>
                <!-- </a> -->
            </div>
        </div>
    </div>





    <!-- 放大镜这一块开始最开始写的 -->
    <!-- 左边图 -->

    <!-- <div class="box w">
        <div class="sBox">
            <img src="./images/pinkwater.jpg" alt="">

            遮罩层
            <span></span> -->
        <!-- </div> -->
        <!-- 放大的图 -->
        <!-- <div class="bBox">
            <img src="./images/pinkwater.jpg" alt="">
        </div> -->
        
        <!-- 下边切换的图 -->
        <!-- <ul class="list">
            <div class="btnLeft"><</div>
            <div class="floBox">
                <li class="ctive">
                    <img src="./images/pinkwater.jpg" alt="">
                </li>
                <li>
                    <img src="./images/changePinkwater.jpg" alt="">
                </li>
            </div>
            <div class="btnRight">></div>
        </ul> -->
        <!-- 放大镜右边 -->
        <!-- <div class="rightBox">
            <div class="topBox">
                <p class="title1">兰蔻新清滢柔肤水（粉水）</p>
                <p class="title2">LANCOME TONIQUE CONFORT</p>
                <p class="title3">提亮肤色，倍感柔滑舒适.</p>
                <img src="./images/lancome.png" alt="">
            </div>
            <p class="p1">
                <span>价格</span>
                <span>￥435.00</span>
                <span>价值:￥870.00</span>
                <span>优惠折扣:50%</span>
                <span>新品</span>
            </p>
            <p  class="p2">
                <span>规格</span>
                <span>套装（买1送1）</span>
                <span>200ML</span>
                <span>400ml</span>
                <span>【优先发货】买400ml享800ml</span>
            </p>
            <div class="number">
                <span>1</span>
                <div class="i">
                    <i class="iconfont">&#xe6e7;</i>
                    <i class="iconfont">&#xe6e6;</i>
                </div>
                <span class="limit">(每人限购五件)</span>
            </div>
            <div class="add">
                <span>加入购物车</span>
                <i class="iconfont">&#xe69d;</i>
            </div>
        </div>
    </div> -->
    
    
    <!-- 放大镜这一块结束 -->




    <div class="car w" >
        <p>物流快递</p>
    </div>
        <!-- 物流小车开始 -->
        <div class="car w">
            <div class="carBoder">
                <div class="ems">
                    <i class="iconfont">&#xe683;</i>
                    <span>顺丰EMS速达</span>
                </div>
                <div class="ems">
                    <i class="iconfont">&#xe611;</i>
                    <span>丰富礼赠</span>
                </div>
                <div class="ems">
                    <i class="iconfont">&#xe604;</i>
                    <span>100%官方正品</span>
                </div>
                <div class="ems">
                    <i class="iconfont">&#xe629;</i>
                    <span>无障碍退款</span>
                </div>
                <div class="ems">
                    <i class="iconfont">&#xe669;</i>
                    <span>安全支付</span>
                </div>
            </div>
        </div>
        <!-- 物流小车结束 -->
    
        <!-- 购物流程说明开始 -->
        <div class="shopping w">
            <ul class="shopping-box">
                <li class="headerText">购物流程</li>
                <li class="secondText">大宗采购/团购</li>
                <li class="secondText">丝芙兰预付卡章程</li>
            </ul>
            <ul class="shopping-box">
                <li class="headerText">支付/配送</li>
                <li class="secondText">在线支付</li>
                <li class="secondText">配送时间</li>
            </ul>
            <ul class="shopping-box">
                <li class="headerText">售后服务</li>
                <li class="secondText">退换货规定</li>
                <li class="secondText">退换及退款说明</li>
            </ul>
            <ul class="shopping-box">
                <li class="headerText">关于丝芙兰</li>
                <li class="secondText">公司介绍</li>
                <li class="secondText">联系我们</li>
                <li class="secondText">品牌合作/Brand Collaboration</li>
                <li class="secondText">隐私政策</li>
            </ul>
            <ul class="shopping-box">
                <li class="headerText">网上订购咨询热线 : 400 670 0055</a>
            </ul>
            <ul class="blank">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!-- 购物流程说明结束 -->
    
        <!-- footer -->
        <div class="footer">
            <div class="footer-main w">
                <img src="./images/footer-oneonezero-icon.png" alt="">
                <span class="marginRight">沪公网安备 31010602003121号</span>
                <span class="marginRight">ICP备案序号:沪ICP备05026645号</span>
                <span class="marginRight">食品经营许可证</span>
                <span class="marginRight">食品经营许可证</span>
                <span>严正声明</span>
                <br>
                <div class="Linkus">
                    <span>本网站隶属于丝芙兰（上海）化妆品销售有限公司</span>
                    <span>企业法人营业执照</span>
                    <span>预付卡信息对接唯一标识 : 310101F5201530100309</span>
                </div>
            </div>
        </div>
</body>
<script src="./js/cookie.js"></script>
<script src="./js/detailGoods.js"></script>
</html>
